<template>
  <div>
    Child
    <!-- <my-glo />
    <h1>{{selfname}}</h1>
    <button @click='fn'>修改父亲的数据</button> -->
  </div>
</template>
<script>
// @ is an alias to /src
// props、data、methods 这三者中的属性名不能重复
export default {
  name: "mychild", // 不能写html标签
  props: ["selfname", "obj"], // props中的属性也会被挂在到当前实例上,这里的属性不能直接在子组件中修改
  data() {
    return {
      // data中的属性也会被挂在到当前实例上
      // selfname: "12313",
      name: "自组建的名字",
    };
  },
  methods: {
    fn() {
      // this.selfname = 6666;
      // this.obj.sex = 8888;
      this.$emit("mychange", this.name);
    },
  },
};
</script>
<style lang="less">
</style>